<template>
    <div class="swiper-container swiper-container-horizontal">
        <ul class="swiper-wrapper" :class="wrapClass">
            <slot name="mySlot"></slot>
        </ul>
    </div>
</template>
<script type="text/javascript">
import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';
export default{
    name:'MySwiper',
    props:{
        wrapClass:{
            type:String,
            default:''
        }
    },
    mounted(){
        var mySwiper = new Swiper('.swiper-container', {
            freeMode: true,
            slidesPerView: 'auto',
            freeModeSticky: true
        })
    }
}
</script>
